//传入data  渲染库位详情
function rendering(data,goodsname,pc){
	for (let i = 0; i < data.result.length; i++) {
		
		var html = '';
		var map = data.result[i][0]
		var td = document.getElementById(map.KW)
		if(td != null){
			var vh = td.getAttribute("vh");//1横向  2纵向
			var direction = td.getAttribute("direction");//1空位向上或向左  2空位向下或向右
			if(vh == '' && vh == null && direction == '' && direction == null){
				continue;
			}
			var w = td.offsetWidth;    // 返回元素的总宽度
			var h = td.offsetHeight-4;    // 返回元素的总高度
			var tooltip = map.YFS*1+1;  // 详情框class
			if(map.ZT == '满库' || parseInt(map.YFS) > parseInt(map.MKS)){//已放数  >   可放的  也属于满库的
				var glist = data.result[i][1]//货物
				var gdata = '';//div得货物
				var classs = 'N_Tb_KC_C';//两种货物以上还是  一种   还是选中
				var HW = '';
				var xuanzhong = false;//是否选中
				for (let j = 0; j < glist.length; j++) {
					var goods = glist[j]
					if(HW == ''){
						HW = goods.hW;
					} else {
						if(HW != goods.hW){
							classs = 'N_Tb_KC_MH2';
						}
					}
					if(!xuanzhong && goodsname != "" && goods.hW.includes(goodsname)){
						xuanzhong = true;
					}
					gdata += '名称：'+goods.hW+';&emsp;托盘号：'+goods.tP+';&emsp;';
					gdata += '入库批次：'+goods.pH+';&emsp;';
					gdata += '生产日期：'+goods.rQ+';&emsp;';
					gdata += '批次：'+goods.pC+';&emsp;';
					gdata += '数量：'+goods.sL+'<br>';
				}
				if(xuanzhong){
					classs = 'N_Tb_KC_CH'
				}
				
				html += '<div class="tooltip'+tooltip+' '+classs+'" style="height:100%;line-height:'+h+'px;"'+
				' title="库位：'+map.KW+'<br>已放：'+map.YFS+'托;&emsp;托存量：'+map.MKS+'托;<br>状态：满库<br>存货详情如下：<br>'+gdata;
				html += '">'+map.YFS+'</div>';
			}
			////////////////////////////////////////////////////////////////////////////////////////////////////////
			if(map.ZT == '部分' && parseInt(map.YFS) < parseInt(map.MKS)){//已放数  <   可放的 
				tooltip = tooltip*1+1
				var glist = data.result[i][1]//货物
				var classs = 'N_Tb_KC_C';//两种货物以上还是  一种
				var HW = '';
				var xuanzhong = false;//是否选中
				var yusum = map.MKS - map.YFS      //可放  -   已放   =  空余
				var YFSwidth = parseInt(map.YFS/map.MKS*100) //已放 / 可放 * 100 = 已放宽度占比
				var yuSUMwidth = parseInt(yusum/map.MKS*100) //空余 / 可放 * 100 = 空余宽度占比
				if((YFSwidth + yuSUMwidth) != 100){
					yuSUMwidth = yuSUMwidth + 1;
				}
				var YFSheight = parseInt(YFSwidth/100*h);    //已放占比 / 100 * 高度 = 已放高度像素
				var yuheight = parseInt(yuSUMwidth/100*h);	 //空余占比 / 100 * 高度 = 空余高度像素
				
				html += '<div class="tooltip'+tooltip+'" style="height:100%;"'+
				' title="库位：'+map.KW+'<br>已放：'+map.YFS+'托<br>可放：'+yusum+'托<br>状态：'+map.ZT+'<br>存货详情如下：<br>';
				
				for (let j = 0; j < glist.length; j++) {
					var goods = glist[j]
					if(HW == ''){
						HW = goods.hW;
					} else {
						if(HW != goods.hW){
							classs = 'N_Tb_KC_MH2';
						}
					}
					if(!xuanzhong && goodsname != "" && goods.hW.includes(goodsname)){
						xuanzhong = true;
					}
					html += '名称：'+goods.hW+';&emsp;托盘号：'+goods.tP+';&emsp;';
					html += '入库批次：'+goods.pH+';&emsp;';
					html += '生产日期：'+goods.rQ+';&emsp;';
					gdata += '批次：'+goods.pC+';&emsp;';
					html += '数量：'+goods.sL+'<br>';
				}
				if(xuanzhong){
					classs = 'N_Tb_KC_CH'
				}
				if(vh == 1){//横向
					if(direction == 1){//空位向上或向左
						html += '"> <div class="N_Tb_KC_K" style="width:'+yuSUMwidth+'%;height:100%;line-height:'+h+'px;float: left;">'+
						yusum+'</div>'+
						'<div class="'+classs+'" style="width:'+YFSwidth+'%;height:100%;line-height:'+h+'px;float: left;">'+
						map.YFS+'</div></div>';
					}
					if(direction == 2){//空位向下或向右
						html += '"> <div class="'+classs+'" style="width:'+YFSwidth+'%;height:100%;line-height:'+h+'px;float: left;">'+
						map.YFS+'</div>'+
						'<div class="N_Tb_KC_K" style="width:'+yuSUMwidth+'%;height:100%;line-height:'+h+'px;float: left;">'+
						yusum+'</div></div>';
					}
				}
				
				if(vh == 2){//纵向
					if(direction == 1){//空位向上或向左
						html += '"> <div class="N_Tb_KC_K" style="height:'+yuSUMwidth+'%;line-height:'+yuheight+'px;">'+
						yusum+'</div>'+
						'<div class="'+classs+'" style="height:'+YFSwidth+'%;line-height:'+YFSheight+'px;">'+
						map.YFS+'</div></div>';
					}
					if(direction == 2){//空位向下或向右
						html += '"> <div class="'+classs+'" style="height:'+YFSwidth+'%;line-height:'+YFSheight+'px;">'+
						map.YFS+'</div>'+
						'<div class="N_Tb_KC_K" style="height:'+yuSUMwidth+'%;line-height:'+yuheight+'px;">'+
						yusum+'</div></div>';
					}
				}
				
			}
			///////////////////////////////////////////////////////////////////////////////////////////////////////////
			if(map.ZT == '空库'){
				html += '<div class="tooltip N_Tb_KC_K" style="height:100%;line-height:'+h+'px;" '+
				'title="库位：'+map.KW+'<br>可放：'+map.MKS+'托<br>状态：'+map.ZT+'">'+map.MKS+'</div>';
			}
			td.innerHTML = html;
		}
		
		
		
		
	}
}